<template>
  <div id="aboutNav">
	<!-- page-tabnav -->
	<div class="page-tabnav-box">
		<ul class="page-tabnav text-center after-clear">
			<li><router-link v-bind:class="{cur: pageAbout}" to="/about">关于我们<span class="nav-tip"></span></router-link></li>
			<li><router-link v-bind:class="{cur: pageNews}" to="/news">新闻动态<span class="nav-tip"></span></router-link></li>
			<li><router-link v-bind:class="{cur: pageWechat}" to="/weChat">微信精选<span class="nav-tip"></span></router-link></li>
			<li><router-link v-bind:class="{cur: pageSocialmedia}" to="/socialMedia">媒体对接<span class="nav-tip"></span></router-link></li>
			<li><router-link v-bind:class="{cur: pageContactus}" to="/contactUs">联系我们<span class="nav-tip"></span></router-link></li>
		</ul>
	</div>
	<!-- page-tabnav -->
  </div>
</template>

<script>
export default {
  name: 'aboutNav',
  props: ['pageAbout', 'pageNews', 'pageWechat', 'pageSocialmedia', 'pageContactus']
}
</script>
